<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户管理</title>
</head>
<body>
	<form id="user_form" class="form-horizontal">
		<input type="hidden" id="id" name="id" value="">
		<div class="form-group">
			<label class="col-sm-2 control-label">用户名:</label>
			<div class="col-sm-10">
				<input type="text" class="form-control" name="loginName">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">昵称:</label>
			<div class="col-sm-10">
				<input type="text" class="form-control" name="nickName">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">电子邮件:</label>
			<div class="col-sm-10">
				<input type="text" class="form-control" name="email">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">密码:</label>
			<div class="col-sm-10">
				<input type="password" class="form-control" name="password">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">手机号码:</label>
			<div class="col-sm-10"> 
				<input type="text" class="form-control"
					name="phone" >
			</div>		
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">所属角色:</label>
			<div class="col-sm-10">  
				<select class="selectpicker form-control"
				name="roleIds" multiple="multiple"></select>
			</div>	
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">登录状态:</label> 
			<div class="col-sm-10">
				<input name="isOpen" type="checkbox" checked="checked" class="make-switch">
			</div>	
		</div>
	</form>
	<script type="text/javascript">
		$(function(){
			$("#user_form [name='isOpen']").bootstrapSwitch({
				onText: "已启用",
				offText: "已禁用",
				onSwitchChange: function(event, state){
					$(this).val(state);  
				}
			});
		});
	</script>
</body>
</html>
